<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系</title>
    <link rel="stylesheet" href="./css/idex.css" />
</head>

<body>
    <!--导航-->
    <header class="header">
        <div class="nav-box">
            <span>个人介绍</span>
            <audio controls autoplay>
                <source src="./music/Kyle Xian - アゲイン ~ Again（四月是你的谎言 BGM）（Cover 横山克）.mp3" type="audio/mpeg">
            </audio>
            <ul class="nav">
                <li><a href="简历.html" class="on">首页</a></li>

                <li><a href="concat.html">联系</a></li>
            </ul>
        </div>
    </header>
    <!--导航end-->
    <!--banner-->
    <div class="banner">
        联 系 方 式
    </div>
    <!--banner end-->
    <div class="introduce">
        <div class="introduce-tit">
            如何联系我呢
        </div>
        <div class="introduce-main">
            <div class="q">
                <img src="./img/头像.jpg" width="220">
            </div>
            <div class="r">
                <p>电话：19960843343</p>
                <p>邮箱:3291754057@qq.com</p>
                <p>QQ：3291754057</p>
                <p>微信：45764ruigh</p>
            </div>
            <div class="foot-box">
            </div>
        </div>
        <!--表单-->
        <form class="myform" method="post" action="#">
            <div class="inp-box">
                <input type="text" name="name" class="inp" placeholder="姓名*" />
                <input type="text" name="mobile" class="inp" placeholder="电话*" />
            </div>
            <div class="inp-box">
                <textarea class="msg" name="message" placeholder="留言*"></textarea>
            </div>
            <button class="but" type="submit">提交</button>
        </form>
        <!--表单end-->
    </div>
</body>

</html>